@charset "UTF-8";
.content {
	background: #f3f5f7; 
}
.user-info {
	padding: 16px 0 16px 22px; 
	width: 100%; 
	background: #555; 

	& .info-img {
		float: left; 
		width: 56px; 
		height: 56px; 

		& img {
			width: 100%; 
			height: 100%; 
			border-radius: 50%; 
		}
	}
	& .info-name {
		margin-left: 10px; 
		padding-top: 8px; 
		float: left; 

		& .username {
			height: 20px; 
			line-height: 20px; 
			font-size: 18px; 
			color: #fff; 
		}
	}
}
.nav {
	margin-top: 20px; 
	& .nav-ul {
        
		& .ul-item {
            height: 46px; 
            line-height: 46px; 
            font-size: 15px; 
            text-indent: 40px; 
            border-bottom: 2px solid #f3f5f7;
            background: #fff; 
            & .icon {
            	display: inline-block; 
            	margin-right: 10px; 
            	width: 23px; 
            	height: 23px; 
            	vertical-align: middle; 
            }
            & .enshrine {
            	background: url(../../images/my_shoucang.svg) no-repeat center center; 
            	background-size: 23px; 
            }
			& .issue {
				background: url(../../images/my_wenda.svg) no-repeat center center; 
            	background-size: 26px; 
			}
			& .note {
				background: url(../../images/my_biji.svg) no-repeat center center; 
            	background-size: 30px; 
			}

            & a {
            	display: block; 
            	height: 100%; 
            	width: 100%; 
            	text-decoration: none; 
            	color: #000; 
            }
		}
	}
}
    
.logout {
	margin-top: 30px; 

	& .btn-logout {
		display: block; 
		box-sizing: border-box; 
		margin: 0 auto; 
		width: 80%; 
		height: 50px; 
		line-height: 50px; 
		background: #FF0041FF; 
		border-radius: 6px; 
		font-size: 18px; 
		color: #fff; 
		text-decoration: none; 
		text-align: center; 
	}
}